<template>
    <div class="set-card-container">
        <div class="set-card-header">
            <slot name="cardHeader"></slot>
        </div>
        <div class="set-card-body">
            <slot name ="cardBody"></slot>
        </div>
    </div>
</template>

<script lang="ts" setup>
import { PropType } from 'vue';
// import preBar from './preBar.vue';
defineProps({
    items: {
        type: Object as PropType<any>,
        default() {
            return {

            };
        },
    },
});

</script>

<style scoped lang="less">
.set-card-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    height: 100%;
    width: 100%;
    flex-wrap: nowrap;
    overflow: hidden;

    .set-card-header {
        width: 100%;
    }
}
</style>